import { Avatar } from '@element-plus/icons-vue';

//对外暴露配置路由（常量路由）:全部用户都可以访问到得路由
export const constantRoute = [
    {
        //登录
        path:'/login',
        component:()=>import('@/views/login/index.vue'),
        name:"login",//命名路由
        meta:{
            title: '登录', //菜单标题
            hidden: true,//代表路由标题在菜单中是否隐藏  true:隐藏 false:不隐藏
            icon:"Promotion"//菜单文字左侧的图标,支持element-plus全部图标
        }
    },
    {
        //登录成功以后展示数据的路由
        path:'/',
        component:()=>import('@/layout/index.vue'),
        name:"layout",//命名路由
        meta:{
            title: '', //菜单标题
            hidden: false,
            icon:""
        },
        redirect:'/home',
        children: [
            {
              path: '/home',
              component: () => import('@/views/home/index.vue'),
              meta: {
                title: '首页',
                hidden: false,
                icon:'HomeFilled',
              },
            },
          ],
    },
    {
        path:'/screen',
        component: () => import('@/views/screen/index.vue'),
        name:"Screen",
        meta: {
            title: '数据大屏',
            hidden: false,
            icon:'DataLine',
          },
    },
    
    {
        //404
        path:'/404',
        component:()=>import('@/views/404/index.vue'),
        name:"404",//命名路由
        meta:{
            title: '404', //菜单标题
            hidden: true,
            icon:'DocumentDelete',
        },
      
    }
    ,
    
]
//异步路由：不同的身份有的有这个路由、有的没有
export const asyncRoute=[
  {
    path:'/acl',
    component: () => import('@/layout/index.vue'),
    name:"Acl",
    meta: {
        title: '权限管理',
        hidden: false,
        icon:'Lock',
      },
      redirect:'/acl/user',
      children: [
        {
          path: '/acl/user',
          component: () => import('@/views/acl/user/index.vue'),
          name:'User',
          meta: {
            title: '用户管理',
            hidden: false,
            icon:'User',
          },
        },
        {
            path: '/acl/role',
            component: () => import('@/views/acl/role/index.vue'),
            name:'Role',
            meta: {
              title: '角色管理',
              hidden: false,
              icon:'StarFilled',
            },
          },
          {
            path: '/acl/permission',
            component: () => import('@/views/acl/permission/index.vue'),
            name:'Permission',
            meta: {
              title: '菜单管理',
              hidden: false,
              icon:'Tickets',
            },
          },
      ],
},
{
    path:'/product',
    component:()=>import('@/layout/index.vue'),
    name:"Product",
    meta: {
        title: '商品管理',
        hidden: false,
        icon:'Goods',
      },
      redirect:'/product/attr',
      children: [
        {
          path: '/product/attr',
          component: () => import('@/views/product/attr/index.vue'),
          name:'Attr',
          meta: {
            title: '属性管理',
            hidden: false,
            icon:'ChromeFilled',
          },
        },
        {
            path: '/product/sku',
            component: () => import('@/views/product/sku/index.vue'),
            name:'Sku',
            meta: {
              title: 'SKU管理',
              hidden: false,
              icon:'Orange',
            },
          },
          {
            path: '/product/spu',
            component: () => import('@/views/product/spu/index.vue'),
            name:'Spu',
            meta: {
              title: 'SPU管理',
              hidden: false,
              icon:'Calendar',
            },
          },
          {
            path: '/product/trademark',
            component: () => import('@/views/product/trademark/index.vue'),
            name:'Trademark',
            meta: {
              title: '品牌管理',
              hidden: false,
              icon:'ShoppingCartFull',
            },
          },
      ],
},
]
//任意路由
export const anyRoute=[
  {
    //任意路由
    path:'/:pathMatch(.*)*',
    redirect:'/404',
    name:"Any",//命名路由
    meta:{
        title: '任意路由', //菜单标题
        hidden: true,
        icon: 'DataLine',
    },
}
]